
import React from 'react';
import Icon from '@ant-design/icons';
import { Space } from 'antd';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;



const RefreshSvg = () => (
    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g  stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(-364, -187)" fill="#333333" fill-rule="nonzero">
                <g  transform="translate(232, 176)">
                    <g id="reload-outlined" transform="translate(132, 11)">
                        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                        <path d="M17.8097794,7.67571429 L16.9845145,8.30571429 C15.8592864,6.90142857 14.1092567,6 12.1441313,6 C8.75088808,6 6.00439495,8.67857143 6,11.9928571 C5.99561554,15.31 8.74796161,18 12.1441313,18 C14.7969774,18 17.0576763,16.3571429 17.9180588,14.0557143 C17.9400073,13.9957143 17.9078162,13.9285714 17.8463603,13.9085714 L17.0167057,13.63 C16.9567131,13.61 16.8908675,13.64 16.8689189,13.6985714 C16.8425807,13.77 16.813316,13.8414286 16.782588,13.9114286 C16.5294483,14.4971429 16.1665659,15.0228571 15.7041834,15.4742857 C15.241801,15.9257143 14.7033303,16.28 14.104867,16.5285714 C13.4859183,16.7842857 12.8259991,16.9142857 12.1470578,16.9142857 C11.4666533,16.9142857 10.8081973,16.7842857 10.1892486,16.5285714 C9.59078529,16.2814286 9.0523146,15.9271429 8.58993217,15.4742857 C8.12754974,15.0228571 7.76466732,14.4971429 7.51152757,13.9114286 C7.2496084,13.3057143 7.11645397,12.6628571 7.11645397,11.9985714 C7.11645397,11.3342857 7.2496084,10.6914286 7.51152757,10.0857143 C7.76466732,9.5 8.12754974,8.97428571 8.58993217,8.52285714 C9.0523146,8.07142857 9.59078529,7.71714286 10.1892486,7.46857143 C10.8081973,7.21285714 11.4681165,7.08285714 12.1470578,7.08285714 C12.8274623,7.08285714 13.4859183,7.21285714 14.104867,7.46857143 C14.7033303,7.71571429 15.241801,8.07 15.7041834,8.52285714 C15.8490437,8.66428571 15.9851246,8.81428571 16.1109629,8.97142857 L15.2300951,9.64285714 C15.1525436,9.70142857 15.1788819,9.82142857 15.2739922,9.84428571 L17.8434338,10.4585714 C17.9165956,10.4757143 17.9882941,10.4214286 17.9882941,10.3485714 L18,7.76428571 C17.9985368,7.67 17.8858676,7.61714286 17.8097794,7.67571429 L17.8097794,7.67571429 Z" id="路径"></path>
                    </g>
                </g>
            </g>
        </g>
    </svg>
);


const RefreshIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={RefreshSvg} {...props} />
);

const CustomRefreshIcon: React.FC = () => (
    <Space style={{marginRight: 8}}>
        <RefreshIcon />
    </Space>
);

export default CustomRefreshIcon;



